$(function () {
    $(".bBClose").on("click", function () {
        $(".bigImgBox").hide()
    })
    let arr = ["./images/base1.webp", "./images/base2.webp", "./images/base3.webp", "./images/base4.webp", "./images/base5.webp", "./images/base6.webp", "./images/base7.webp", "./images/base8.webp"]
    $(".openLis>li").on("click",function (){
        $(".bigImgBox").show().children(".bigSwiper").find("img").prop("src",arr[$(this).index()])
        return arrNum = $(this).index()
    })
    $(".smallSwiper li").on("click",function (){
        let nowImg = arr.slice($(this).index(),$(this).index()+1)
        $(".bigSwiper").find("img").prop("src",nowImg[0])
        return arrNum=$(this).index()
    })
    $(".bigBoxlb").on("click",function (){
        arrNum--
        $(".bigSwiper").find("img").prop("src",arr.slice(arrNum,arrNum+1))
        if (arrNum===0){
            arrNum=8
        }
    })
    $(".bigBoxRb").on("click",function (){
        arrNum++
        $(".bigSwiper").find("img").prop("src",arr.slice(arrNum,arrNum+1))
        if (arrNum===7){
            arrNum=-1
        }
    })
})